/* ++++++++++++++++++++++++++++ 轮播图 +++++++++++++++++++++++++++ */
.scroll-view {
	height: 100vh;
}
.lb-banner-container {
	position: relative;
	width: 100%;
	height: 14vh;
	perspective: 1200px; /* 关键！开启 3D 视角 */
	transform-style: preserve-3d;
}

.slide-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 30rpx;
	transform-style: preserve-3d;
	transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	
	&.active {
		opacity: 1;
		z-index: 2;
		transform: translateZ(0) scale(1);
		
		.lb-slide-img {
			height: 100%;
			box-shadow: -10px 10px 50px rgb(0 0 0 / 38%);
		}
	}
	
	&.prev {
		z-index: 1;
		opacity: 0.7;
		filter: brightness(0.9);
		transform: translateX(72%) translateZ(-100rpx) scale(0.8);
		
		.lb-slide-img {
			object-fit: cover;
			transform: rotateY(-16deg);
			transform-style: preserve-3d;
			border-radius: 13px;
			transition: transform 0.5s ease;
			box-shadow: -10px 10px 50px rgb(0 0 0 / 38%);
		}
	}
	
	&.next {
		z-index: 1;
		opacity: 0.7;
		filter: brightness(0.9);
		transform: translateX(-72%) translateZ(-100rpx) scale(0.8);
		
		.lb-slide-img {
			object-fit: cover;
			transform: rotateY(-16deg);
			transform-style: preserve-3d;
			border-radius: 13px;
			transition: transform 0.5s ease;
			box-shadow: 10px 12px 50px rgb(0 0 0 / 38%);
		}
	}
	
	&.far-prev {
		z-index: 0;
		opacity: 0.6;
		filter: brightness(0.6);
		transform: translateX(60%) translateZ(-200rpx) scale(0.7);
	}
	
	&.far-next {
		z-index: 0;
		opacity: 0.4;
		filter: brightness(0.6);
		transform: translateX(60%) translateZ(-200rpx) scale(0.7);
	}
}

.lb-slide-img {
	width: 100%;
	height: 95%;
}


.section-box {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
}

.section-area {
	height: auto;
	box-sizing: border-box;
	margin: .1rem .5rem .5rem;
}

.lb-slide-img1 {
	width: 100%;
    min-width: 200px;
	height: 80px;
	border-radius: 12px;
}
/* ++++++++++++++++++++++++++++ 轮播图 +++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++ 秒杀/推荐专区 +++++++++++++++++++++++++++ */
.section-title {
	display: flex;
	align-items: center;
	height: 1rem;
	font-size: 1.06rem;
	font-weight: 600;
	color: #0a0a0a;
}
.title-text {
	font-size: 26rpx;
	font-weight: bold;
	margin-right: 6rpx;
	color: #333;
}
.more-text {
	font-size: 22rpx;
	color: #07c160;
	margin-top: 5px;
}

.section-scroll-x {
	background-color: #ffffff;
	white-space: nowrap;
	margin-top: 16rpx;
	width: 100%;
}
.section-scroll-x ::-webkit-scrollbar {
	display: none;
}
.section-scroll-x {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.section-scroll-x::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	display: none !important;
}
.scroll-x-card {
	width: 220rpx;
	flex-shrink: 0;
	display: inline-block;
}

.scroll-x-card:not(:last-child) {
	margin-right: 20rpx;
}

.scroll-x-image {
	width: 100%;
	height: 150rpx;
	object-fit: cover;
	border-radius: 10rpx;
	background-color: #eee;
}

.scroll-x-info {
	padding: 6rpx 0rpx;
}

.scroll-x-name {
  color: #333;
  display: block;
  font-size: 24rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scroll-x-price {
  display: flex;
  align-items: baseline;
}
.scroll-x-current {
  color: #ff4444;
  font-size: 28rpx;
  font-weight: bold;
  margin-right: 10rpx;
}
.scroll-x-original {
  color: #999;
  font-size: 20rpx;
  text-decoration: line-through;
}
/*  ++++++++++++++   推荐  ++++++++++++++  */
.section-bottom-line {
	width: 80rpx;
	height: 0.25rem;
	margin-top: 18rpx;
	background: #E1514C;
	border-radius: 0.25rem;
	border-bottom: none;
	margin-left: 40px;
}

/* ++++++++++++++++++++++++++++ 秒杀/推荐专区 +++++++++++++++++++++++++++ */